import { Component, ComponentProps, VueComponent } from "vue3-oop";
import { NScrollbar, NTabs, NTabPane } from "naive-ui";
import BpmnModeler from '../../../BpmnModeler';
import { BasePanel,ServiceTaskPanel,MultiInstPanel } from '../../panels';

interface IProps {
  bpmnModeler: BpmnModeler,
}
@Component()
export default class ServiceTaskTabs extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    bpmnModeler: {},
  }

  render(){
    return(
      <NTabs type="line" animated >
        <NTabPane name={BasePanel.tabKey} tab={BasePanel.tabName}><NScrollbar><BasePanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
        <NTabPane name={ServiceTaskPanel.tabKey} tab={ServiceTaskPanel.tabName}><NScrollbar><ServiceTaskPanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
        <NTabPane name={MultiInstPanel.tabKey} tab={MultiInstPanel.tabName}><NScrollbar><MultiInstPanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
      </NTabs>
    )
  }
}